/* BASIC RESET */



ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}







/* HTML ELEMENTS */



body { background-color:#000;







	}







/* COMMON CLASSES */



.break { clear:both; }

/* HEADER */



.content {

	height: 100%;

	width: 100%;

	

}

.bgImage {background-position:center;



background-repeat: no-repeat; width:102%; height: 100%; position:fixed; 



-webkit-background-size: cover;



	-moz-background-size: cover;



	-o-background-size: cover;



	background-size: cover;



	



}











.hidden{visibility:hidden;}



.unhide{visibility:visible;}







#topbar {



	z-index: 2;



	background-color: #666666;



	height: 10px;



	width: 100%;



	position: absolute;



	top:0px;



}







.unhideIMG{



	z-index: 3;



	position: absolute;



	right: 80px;



	top: 0px;



	border: hidden;



}

.camImage{



	background-position: center;



	background-repeat: no-repeat;



	width: 190px;



	height: 124px;



	position: absolute;



	top: 97px;



	right: 135px;



	-webkit-background-size: cover;



	-moz-background-size: cover;



	-o-background-size: cover;



	background-size: cover;



	z-index:3;



}







#toplayerfilm{



	position: absolute;



	width: 190px;



	height: 124px;



	top: 97px;



	right: 135px;



	background-color: #CCC;



	z-index: 5;



	opacity: 0.3;



	filter: alpha(opacity=30); /* For IE8 and earlier */



}



	







IMG.DLSRmenu {



	position: absolute;



	top: 53px;



	right: 19px;



	z-index: 1;



	width: 387px;



	height: 238px;



}

#midBar {



	height: 188px;



	position: absolute;



	top: 71px;



	background: #CCC;



	opacity: 0.2;



	filter: alpha(opacity=20);



	width: 100%;



}



















/* CONTROLS */



.btn { height:55px;



 	width:32px;



  	float:left;



   	cursor:pointer;



    background:url(../images/butt.png); /*completly transparent image, fix for IE */ 



	}



	



#back {width:20px;



border-top-left-radius: 70px;



-moz-border-radius-topleft: 70px;



border-bottom-left-radius:70px;



-moz-border-radius-bottomleft: 70px;







}







#next {width: 20px;



border-top-right-radius: 70px;



-moz-border-radius-topright: 70px;



border-bottom-right-radius:70px;



-moz-border-radius-bottomright: 70px;







}







#pauseplay {width:15px; height:18px; margin-top:18px; margin-left:3px; margin-right:3px; 



-moz-border-radius: 30px;



     border-radius: 30px;}



	 



	 



#control-placeholder { z-index:3; position:absolute; top:115px; margin:0 auto; width:100%; }



#controls {



	position: absolute;



	right: 47px;



	top: 3px;



}

















.navlist ul {

	list-style-type: none;

	white-space: nowrap;



}



.navlist li {



	

	display:inline;



}



#navigation {

	position: absolute;

	width: 100%;

	height: 20px;/* Height of the navigation */

	background-color: #333;

	opacity: 0.7;

	filter: alpha(opacity=70); /* For IE8 and earlier */

	top: 0px;

	text-align:center;



}



#navigation a:link, a:visited {

	font-weight: bold;

	color: #FFFFFF;

	padding-right:2%;

	padding-left:2%;

	text-decoration: none;

	text-transform: uppercase;

	background-color: #333;

}



#navigation a:hover, .navlist a:active{

	background-color: #666;

}





#linksPortfolio {

	position: absolute;

	width: 100%;

	height: 20px;/* Height of the navigation */

	background-color: #333;

	opacity: 0.7;

	filter: alpha(opacity=70); /* For IE8 and earlier */

	top: 0px;

	font-family: "fertigo-script";

	



}



#linksPortfolio a:link, a:visited {

	color: #FFFFFF;

	padding-right:2%;

	padding-left:2%;

	text-decoration: none;

	background-color: #333;

}



#linksPortfolio a:hover, .navlist a:active{

	background-color: #666;

}













/* BUTTONS */







.sidebutt{

	 background:url(../images/butt.png); /*completly transparent image, fix for IE */ 

	cursor: pointer;

	position: absolute;

	height: 18px;

	width: 18px;

	border-radius: 30px;

	z-index: 4

	



	 



	



	 }







	#butt1{

	top: 80px;

	right: 360px;



}



	







	#butt2{

	top: 115px;

	right: 360px;



	}



	



	#butt3{

	top: 150px;

	right: 360px;



	}



	



	#butt4{

	top: 187px;

	right: 360px;



	}



	



	#butt5{

	top: 222px;

	right: 360px;



	}



	



	#butt6{

	top: 78px;

	right: 88px;



	}



	



	#butt7{



	top: 192px;



	right: 87px;



	}



	



	#butt8{



	top: 224px;



	right: 87px;



	}



	



	#hideButt{



	cursor: pointer;



	background: url(../images/butt.png); /*completly transparent image, fix for IE */



	position: absolute;



	height: 18px;



	width: 110px;



	-moz-border-radius: 30px;



	border-radius: 30px;



	z-index: 4;



	right: 83px;



	top: 265px;



	 }



	



	







	#screenDisplay{



	position: absolute;



	width: 190px;



	height: 124px;



	top: 97px;



	right: 135px;



	z-index: 4;



	



	}



/* Screen Displays */







.facebook {



	background:url(../images/facebook.fw.png);



	



	



}







.twitter {



	background:url(../images/twitter.fw.png);	



}







.google {



	background:url(../images/google.fw.png);	



}







.wordpress {



	background:url(../images/wordpress.fw.png);	



}







.skype {



	background:url(../images/skype.fw.png);



}







.youtube {



	background:url(../images/youtube.fw.png);



}







.linkedin {



	background:url(../images/linkedin.fw.png);



}







.rss {



	background:url(../images/rss.fw.png);



}







.back {



	background:url(../images/back.fw.png);



}







.play {



	background:url(../images/play.fw.png);



}







.next {



	background:url(../images/next.fw.png);



}







.hide {



	background:url(../images/hide.fw.png);



}



.container {

	height: 100%;

	width: 100%;

}

#sidebar {

	height: 100%;

	width: 20px;

	position: absolute;

	top: 0px;

	right: 0px;

}

#mediaButt {

	position: absolute;

	top: 100px;

	right: 0px;

}

#logo {

	position: absolute;

	top: 100px;

	left: 80px;

}

#preloader {

	display: none;

}

#topPortfolio {

	height: 100%;

	width: 100%;

	position: absolute;

	top: 0px;

	background-position: center;

	background-repeat: no-repeat;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	z-index: -1;

}



.bottomPortfolio {

	height: 120px;

	width: 100%;

	bottom: 0px;

	position: absolute;

	background:#000;

}

.thumbPortfolio {

	width: 80px;

	height: 60px;

	position: absolute;

	bottom: 30px;

}

.bottomPortfolio #thumb1 {

	left: 20px;

}

.bottomPortfolio #thumb2 {

	left: 120px;

}

.bottomPortfolio #thumb3 {

	left: 220px;

}

.bottomPortfolio #thumb4 {

	left: 320px;

}

.bottomPortfolio #thumb5 {

	left: 420px;

}

img {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

#jes_cutout {

	width: 100%;

	

}

#aboutmeIMG {

	height: 100%;

	width: 30%;

}

#aboutmeRight {

	height: 100%;

	width: 70%;

	right: 0px;

	top: 0px;

	position: absolute;

	z-index: -1;

}

p {

	color: #CCC;

}

#aboutmeBackground {

	background-image: url(../images/about%20me/demo_back.png);

	background-position: center;

	background-repeat: no-repeat;

	width: 100%;

	height: 100%;

	position: fixed;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	z-index: -1;

}

